﻿@media only screen and (max-width: 1700px) {
    .sl-list4 {position: static;; padding: 20px 0; height: auto; } 
    .sl-list4 li {margin-bottom: 10px; padding: 0 20px; } 
    .banner-list .slick-dots {bottom: 40px; }

}
@media only screen and (max-width: 1366px) {
    .nav li {margin: 0 5px; } 
    .header .logo {left: 2%; } 
    .header .tel{right: 2%;}
    .sl-list7 {margin: 0; }
}

@media only screen and (max-width: 1199px) {
    .wp{width: 95%;}
    .footer .ftt dl {margin-left: 60px; }
    .nav,.header .tel{display: none;}
    .menuBtn{display: block;}
    .header{height: 50px;}
    body{padding-top: 50px;}
    .header .logo{height: 60px;}
    .header .logo img{max-height: 100%;}
    #banner-inner{height: 360px;}
    .sl-list1 {margin: 20px 0 10px; text-align: center; } 
    .sl-list1 a{display: inline-block; float: none; } 
    .sl-list3 {margin: 0 0 -20px; }
    .m-infor2 {padding: 10px 20px 20px; } 
    .row-a4 {padding: 20px; } 
    .row-a5 {padding: 10px 20px 0; }

    .sl-list5 .txt {width: 280px; height: 130px; padding: 8px; } 
    .sl-list5 .txt .box {font-size: 18px; padding-top: 15px; } 
    .sl-list5 .txt h4 {font-size: 34px; margin: 0; }

}

@media only screen and (max-width: 959px) {
    .footer .ftt .logo,.footer .ftt dl,.footer .ftb .build{display: none;}
    .footer .fttr{float: none;max-width: 220px;margin: 0 auto;}
    .footer .ftb{text-align: center;}
    .footer .fttr {padding-top: 0; } 
    .footer .fttr .p2 {margin-bottom: 20px; }
    .sl-list3 li {width: 33.33%; }
    .m-infor2 .pic{float: none;width: 400px;margin: 0 auto;}
    .m-infor2 .con{float: none;width: auto;}
}

@media only screen and (max-width: 768px) {

    .sl-list3 li {width: 50%;}
    .sl-list3 .con{margin: 0 5px;}
    #banner-inner{height: 260px;}
    .sl-list1 a {width: 86px; height: 30px; line-height: 30px; }
    .cur .tit {font-size: 18px; margin-left: 10px; }
    .cur .con{display: none;}
    .sl-list3 h4 {height: 30px; line-height: 30px; font-size: 14px; } 
    .pages .nb{display: none;} 
    .footer .fttr .p1 {font-size: 14px; } 
    .footer .fttr .p2 {font-size: 20px; margin-bottom: 15px; }
    .m-infor2 .pic{width: 300px;}
    .m-infor2 .con h4 {font-size: 18px; padding: 20px 0; } 
    .m-infor2 .con .txt {padding: 10px; } 
    .sl-list9 {padding: 10px 0; } 
    .sl-list9 li {float: none; width: auto; margin-bottom: 10px; } 
    .m-infor2 .tel {margin: 20px 0; font-size: 20px; } 
    .sl-list7 h4 {height: 30px; line-height: 30px; text-align: center; font-size: 14px; } 
    .sl-list7 .con {margin: 0 5px; }
    .row-a4 .desc {font-size: 14px; } 
    .row-a4 h4 {font-size: 16px; } 
    .row-a5 .tit {font-size: 16px; height: 32px; line-height: 30px; border-bottom: 1px solid #dcdcdc; } 
    .row-a3{padding-top: 15px;} 
    .sl-list2 li {padding: 10px 0 20px; margin-bottom: 10px; } 
    .sl-list2 .pic {float: none; margin: 0 auto 10px; } 
    .sl-list2 .con {margin-left: 0; } 
    .sl-list2 h4 {font-size: 18px; }
    .m-infor h1 {font-size: 18px; } 
    .pg-box {padding: 10px 0 20px; overflow: hidden; border-top: 1px solid #9a9a9a; } 
    .pg-box .back {float: none; font-size: 14px; width: 100px; height: 32px; line-height: 32px; margin: 10px 0; } 
    .pg-box .prev, .pg-box .next {font-size: 14px; }
    .banner-list .slick-dots {bottom: 20px; } 
    .banner-list .slick-dots li {width: 30px; height: 2px; margin: 0 2px; } 
    .m-infor1,.sl-list8 {float: none; width: auto; } 
    .m-infor1{margin-bottom: 20px;} 
    .sl-list4 li {padding: 0 10px; } 
    .sl-list4 .ico {width: 30px; height: 30px; } 
    .sl-list4 .txt {font-size: 12px; margin-left: 40px; } 
    .sl-list4 .txt h4 {font-size: 15px; margin-bottom: 0; line-height: 1.2em; }
    .float-side-1{display: none;}
    .sl-list5 .txt .box {font-size: 12px; padding-top: 5px; } 
    .sl-list5 .txt h4 {font-size: 24px; } 
    .sl-list5 .txt {width: 200px; height: 80px; padding: 4px; } 
    .g-tit1 {font-size: 18px; padding: 20px 0; } 
    .sl-list6 {padding-bottom: 10px; } 
    .sl-list6 a {width: 90px; height: 32px; line-height: 30px; font-size: 12px; margin: 0 3px 10px; } 
    .g-tit2 {font-size: 18px; margin-bottom: 20px; } 
    .sl-list8 .date {width: 80px; padding: 20px 10px 0; } 
    .sl-list8 .date .sp1 {font-size: 26px; } 
    .sl-list8 .date .sp2 {font-size: 14px; line-height: 1.8em; } 
    .sl-list8 .txt {margin-left: 80px; padding-right: 5px; }
    .row-a2{padding-top: 20px;}
    #banner{display: none;}
    .m-banner{display: block !important;}
}

@media only screen and (max-width: 600px) {
    .sl-list7 li {width: 50%; margin-bottom: 10px; }
    .sl-list4 li {
        display: block;
        float: left;
        width: 33.33%;
    }
}

@media only screen and (max-width: 479px) {
    #banner-inner{height: 160px;}
    .m-infor2 .pic {width: 160px; }
    .sl-list5 li {float: none; width: 100%; } 
    .sl-list4 li {width: 50%; }
    .m-infor2 .con .box .qr{
        float: none;
        width: 120px;
        margin: 0 auto;
        font-size: 12px;
        margin-top: 20px;
    }

}

@media only screen and (max-width: 360px) {
    
}

